<!-- 表示当前文档是html5版本 让浏览器使用h5的规范解析-->
<!DOCTYPE html>
<!--表示网页的开始与结束 lang-"en" 表示网页是一个英文网站 zh代表中文-->
<html lang="en">
<!--网页的头部，存放一些配置信息-->
<head>
    <meta charset="UTF-8"><!--配置编码，为了认识中文-->
    <title>我是标题</title><!-- 配置网页的标题   -->
</head>
<body><!--网页展示的内容-->
<!--我是注释-->
今日的第一个页面
<b>文字</b>
<i>斜体文字</i>
<s>删除线文字</s>
<u>下划线文字</u>
<mark>高亮标记文字</mark>
<!--    我喜欢<苏东坡>做的红烧肉-->
<!--    换行标签-->
<br>
<!--转义符号 &lt；小于号&gt大于号-->
我喜欢&lt;苏东坡&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;红烧肉

<!--标题字 加粗 修改字号 独占一行 有行间距 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

<!--段落标签 独占一行，有行间距-->
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<!--lorem按tab键补全生成假文 -->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquid distinctio doloremque expedita fugiat numquam
provident sit, tempore. Dicta dolore error ex id laborum natus nemo odit optio repellendus similique.

<!--生成一个水平的分割线-->
<hr>
<!--orderList有序列表 item项，listItem列表项-->
<!--有序列表-->
<!--1.阿拉伯数字 A大写字母 a小写字母 I大写罗马数字 i小写罗马数字-->
<ol type="1">
    <!--    列表项-->
    <li>把水煮开</li>
    <li>把面条放进去</li>
    <li>把面条捞出来</li>
</ol>

<!--无序列表 un orderList-->
<!--Type="none" 去掉无序列表项前的标识符-->
<ul type="none">
    <!--列表项 list item-->
    <li>《Think in java》</li>
    <li>《java从入门到放弃》</li>
    <li>《颈椎康复指南》</li>
</ul>


<ul type="none">
    <li>凉菜</li>
    <ol type="1">
        <li>拍黄瓜</li>
        <li>凉拌皮蛋</li>
        <li>凉拌三丝</li>
    </ol>
    <li>热菜</li>
    <ol type="1">
        <li>西红柿牛腩</li>
        <li>水煮肉片</li>
        <li>宫保鸡丁</li>
        <li>溜肉段</li>
    </ol>
    <li>主食</li>
    <ol type="1">
        <li>米饭</li>
        <li>面条</li>
    </ol>
</ul>


<hr>
<h1>个人简历</h1>
<hr>
<h3>基本信息</h3>
<p>姓名：<b>传奇哥</b></p>
<p>性别：男</p>
<p>爱好：<s>摄影</s></p>
<h3>个人经历</h3>
<ul>
    <li>小学6年</li>
    <li>中学9年</li>
    <li>高中12年</li>
</ul>

<h3>获得荣誉</h3>
<ol>
<li>机甲收集达人</li>
<li>玩偶收集达人</li>
</ol>


</body>
</html>